<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>e-Dossier</title>
<meta name="description" content="">
<meta name="author" content="">

<link href="../css/credoc-bootstrap.min.css" rel="stylesheet">

<!-- Temporary link... before merging into credoc-bootstrap.min.css -->
<link href="../css/credoc.css" rel="stylesheet">
<link href="../css/daterangepicker.css" rel="stylesheet">

</head>

<body style="padding-top: 42px;">

	<div id="wrap">

		<div class="navbar navbar-fixed-top">

			<!-- BLACK GRADIENT HEADER -->
			<div class="top-nav">
				<!-- cf. portal impl -->
				<a href="index.html"><img src="../img/logo.png" height="34"
					width="85"></a>
			</div>
			<!-- end top-nav -->

			<header>
				<ul class="breadcrumb" id="breadcrumb">
					<li><a href="">Dashboard</a></li>
					<span class="divider">/</span>
					<li><a href="">Search</a></li>

				</ul>
			</header>

		</div>
		<!-- end navbar navbar-fixed-top -->

		<div class="container-fluid" style="padding-top: 40px;">
			<div class="row-fluid">
				<div class="span16">
					<div class="content-preview">

						<!-- Context page - Button Bar -->

						<div class="button-bar">
							<div style="padding-top: 12px;">
								<div class='container-fluid'>
									<div class="row-fluid">
										<div class="span12">
											<div id='content-search'>

												<ul class="nav nav-tabs" id="search-tab">
													<li><a href="#edossier" data-toggle="tab">eDossier</a></li>
													<li><a href="#deed" data-toggle="tab">Deed</a></li>
													<li><a href="#party" data-toggle="tab">Party</a></li>
													<li><a href="#good" data-toggle="tab">Good</a></li>
												</ul>

												<div class="thumb-body">

													<!-- Put search panes in 'tab-content' -->

													<div class="tab-content">

														<!-- eDossier SEARCH CRITERIA -->

														<div class="tab-pane active" id="edossier">
															<div class="span6">

																<form class="form-horizontal">
																	<div class="control-group">
																		<label class="control-label" for="inputEmail">Status</label>
																		<div class="controls">
																			<select class="span12">
																				<option>Opened</option>
																				<option>Closed</option>
																			</select>
																		</div>
																	</div>

																	<div class="control-group">
																		<label class="control-label">Reference</label>
																		<div class="controls">
																			<input type="text" placeholder="Repertorium Number"
																				class="span12">
																		</div>
																	</div>

																	<div class="control-group">
																		<label class="control-label" for="inputPassword">Description</label>
																		<div class="controls">
																			<input type="text" placeholder="Repertorium Number"
																				class="span12">
																		</div>
																	</div>
																</form>
															</div>
															<!-- end span6 -->

															<div class="span6">
																<form class="form-horizontal">
																	<div class="control-group">
																		<label class="control-label" for="inputEmail">Creation
																			Date </label>
																		<div class="controls">
																			<div id="reportrangecreation"
																				style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
																				<i class="icon-calendar"></i> <span></span> <b
																					class="caret" style="margin-top: 8px"></b>
																			</div>
																		</div>
																	</div>

																	<div class="control-group">
																		<label class="control-label">Update Date </label>
																		<div class="controls">
																			<div id="reportrangeupdate"
																				style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
																				<i class="icon-calendar"></i> <span></span> <b
																					class="caret" style="margin-top: 8px"></b>
																			</div>
																		</div>
																	</div>
																</form>
															</div>
															<!-- end span6 -->
														</div>

														<!-- Deed SEARCH CRITERIA -->

														<div class="tab-pane" id="deed">
															<div class="span6">

																<form class="form-horizontal">
																	<div class="control-group">
																		<label class="control-label" for="inputEmail">Status</label>
																		<div class="controls">
																			<select class="span12">
																				<option>Opened</option>
																				<option>Closed</option>
																			</select>
																		</div>
																	</div>

																	<div class="control-group">
																		<label class="control-label">Reference</label>
																		<div class="controls">
																			<input type="text" placeholder="Repertorium Number"
																				class="span12">
																		</div>
																	</div>

																	<div class="control-group">
																		<label class="control-label" for="inputPassword">Description</label>
																		<div class="controls">
																			<input type="text" placeholder="Repertorium Number"
																				class="span12">
																		</div>
																	</div>
																</form>
															</div>
															<!-- end span6 -->

															<div class="span6">
																<form class="form-horizontal">

																	<div class="control-group">
																		<label class="control-label" for="inputEmail">Registration
																			Status</label>
																		<div class="controls">
																			<select class="span12">
																				<option>Unsent</option>
																				<option>Pending</option>
																				<option>Sent</option>
																				<option>Refused</option>
																			</select>
																		</div>
																	</div>

																	<div class="control-group">
																		<label class="control-label" for="inputEmail">Creation
																			Date </label>
																		<div class="controls">
																			<div id="reportrangecreation"
																				style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
																				<i class="icon-calendar"></i> <span></span> <b
																					class="caret" style="margin-top: 8px"></b>
																			</div>
																		</div>
																	</div>

																</form>
															</div>
															<!-- end span6 -->
														</div>

														<!-- Party SEARCH CRITERIA -->

														<div class="tab-pane" id="party">
															<div class="span6">

																<form class="form-horizontal">

																	<div class="control-group">
																		<label class="control-label">Identifier</label>
																		<div class="controls">
																			<input type="text" placeholder="Identifier"
																				class="span12">
																		</div>
																	</div>

																	<div class="control-group">
																		<label class="control-label" for="inputPassword">First
																			Name</label>
																		<div class="controls">
																			<input type="text" placeholder="First Name"
																				class="span12">
																		</div>
																	</div>
																</form>
															</div>
															<!-- end span6 -->

															<div class="span6">
																<form class="form-horizontal">

																	<div class="control-group">
																		<label class="control-label">Last Name</label>
																		<div class="controls">
																			<input type="text" placeholder="Last Name"
																				class="span12">
																		</div>
																	</div>

																	<div class="control-group">
																		<label class="control-label" for="inputPassword">Company
																			Name</label>
																		<div class="controls">
																			<input type="text" placeholder="Company Name"
																				class="span12">
																		</div>
																	</div>
																</form>
															</div>
															<!-- end span6 -->
														</div>

														<!-- Good SEARCH CRITERIA -->

														<div class="tab-pane" id="good">
															<div class="span6">

																<form class="form-horizontal">
																	<div class="control-group">
																		<label class="control-label">Situation</label>
																		<div class="controls">
																			<input type="text" placeholder="Situation"
																				class="span12">
																		</div>
																	</div>
																</form>
															</div>
															<!-- end span6 -->

															<div class="span6">
																<form class="form-horizontal">
																	<div class="control-group">
																		<label class="control-label">Nature</label>
																		<div class="controls">
																			<input type="text" placeholder="Nature"
																				class="span12">
																		</div>
																	</div>
																</form>
															</div>
															<!-- end span6 -->
														</div>
													</div>
												</div>
												<!-- end thumb-body -->

												<div class="thumb-footer">
												
													
														<button class="btn btn-primary" type="button">
															<i class="icon-search icon-white"></i> Search
														</button>	
												
													
													
													
												</div>

											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- Context page - Content -->

						<div class="content-pane"></div>
						<!-- end content-pane -->

					</div>
					<!-- end span10 -->
				</div>
				<!-- end row-fluid -->
			</div>
			<!-- end container-fluid -->

			<!-- LIBRARY -->
			<script src="../js/credoc-scripts.min.js"></script>
			<script src="../js/bootstrap-affix.js"></script>
			<script src="../js/bootstrap-tab.js"></script>
			<script src="../js/date.js"></script>
			<script src="../js/daterangepicker.js"></script>

			<script type="text/javascript">
				$('body').tooltip({
					selector : '[rel=tooltip]'
				});
			</script>

			<script type="text/javascript">
				$('#search-tab a:first').tab('show'); // Select first tab
			</script>

			<script type="text/javascript">
			
				// window.locale.translation = new Array();
				window.translation = {language: 'fr', today: 'Vandaag', yesterday: 'Gisteren'};
				// window.locale.translation[0]['today'].toString()		
				console.log( window.translation['today'] );
				
				$(document)
						.ready(
								function() {
									
									$('#reportrangecreation')
											.daterangepicker(
													{
														ranges : {
															'Today' : [
																	'today',
																	'today' ],
															'Yesterday' : [
																	'yesterday',
																	'yesterday' ],
															'Last 7 Days' : [
																	Date
																			.today()
																			.add(
																					{
																						days : -6
																					}),
																	'today' ],
															'Last 30 Days' : [
																	Date
																			.today()
																			.add(
																					{
																						days : -29
																					}),
																	'today' ],
															'This Month' : [
																	Date
																			.today()
																			.moveToFirstDayOfMonth(),
																	Date
																			.today()
																			.moveToLastDayOfMonth() ],
															'Last Month' : [
																	Date
																			.today()
																			.moveToFirstDayOfMonth()
																			.add(
																					{
																						months : -1
																					}),
																	Date
																			.today()
																			.moveToFirstDayOfMonth()
																			.add(
																					{
																						days : -1
																					}) ]
														},
														opens : 'left',
														format : 'MM/dd/yyyy',
														separator : ' to ',
														startDate : Date
																.today().add({
																	days : -29
																}),
														endDate : Date.today(),
														minDate : '01/01/2012',
														maxDate : '12/31/2013',
														locale : {
															applyLabel : 'Submit',
															fromLabel : 'From',
															toLabel : 'To',
															customRangeLabel : 'Custom Range',
															daysOfWeek : [
																	'Su', 'Mo',
																	'Tu', 'We',
																	'Th', 'Fr',
																	'Sa' ],
															monthNames : [
																	'January',
																	'February',
																	'March',
																	'April',
																	'May',
																	'June',
																	'July',
																	'August',
																	'September',
																	'October',
																	'November',
																	'December' ],
															firstDay : 1
														},
														showWeekNumbers : true,
														buttonClasses : [ 'btn-danger' ],
														dateLimit : false
													},
													function(start, end) {
														$(
																'#reportrangecreation span')
																.html(
																		start
																				.toString('MMMM d, yyyy')
																				+ ' - '
																				+ end
																						.toString('MMMM d, yyyy'));
													});

									//Set the initial state of the picker label
									$('#reportrangecreation span').html(
											Date.today().add({
												days : -29
											}).toString('MMMM d, yyyy')
													+ ' - '
													+ Date.today().toString(
															'MMMM d, yyyy'));

								});
			</script>

			<script type="text/javascript">
				$(document)
						.ready(
								function() {
									$('#reportrangeupdate')
											.daterangepicker(
													{
														ranges : {
															'Today' : [
																	'today',
																	'today' ],
															'Yesterday' : [
																	'yesterday',
																	'yesterday' ],
															'Last 7 Days' : [
																	Date
																			.today()
																			.add(
																					{
																						days : -6
																					}),
																	'today' ],
															'Last 30 Days' : [
																	Date
																			.today()
																			.add(
																					{
																						days : -29
																					}),
																	'today' ],
															'This Month' : [
																	Date
																			.today()
																			.moveToFirstDayOfMonth(),
																	Date
																			.today()
																			.moveToLastDayOfMonth() ],
															'Last Month' : [
																	Date
																			.today()
																			.moveToFirstDayOfMonth()
																			.add(
																					{
																						months : -1
																					}),
																	Date
																			.today()
																			.moveToFirstDayOfMonth()
																			.add(
																					{
																						days : -1
																					}) ]
														},
														opens : 'left',
														format : 'MM/dd/yyyy',
														separator : ' to ',
														startDate : Date
																.today().add({
																	days : -29
																}),
														endDate : Date.today(),
														minDate : '01/01/2012',
														maxDate : '12/31/2013',
														locale : {
															applyLabel : 'Submit',
															fromLabel : 'From',
															toLabel : 'To',
															customRangeLabel : 'Custom Range',
															daysOfWeek : [
																	'Su', 'Mo',
																	'Tu', 'We',
																	'Th', 'Fr',
																	'Sa' ],
															monthNames : [
																	'January',
																	'February',
																	'March',
																	'April',
																	'May',
																	'June',
																	'July',
																	'August',
																	'September',
																	'October',
																	'November',
																	'December' ],
															firstDay : 1
														},
														showWeekNumbers : true,
														buttonClasses : [ 'btn-danger' ],
														dateLimit : false
													},
													function(start, end) {
														$(
																'#reportrangeupdate span')
																.html(
																		start
																				.toString('MMMM d, yyyy')
																				+ ' - '
																				+ end
																						.toString('MMMM d, yyyy'));
													});

									//Set the initial state of the picker label
									$('#reportrangeupdate span').html(
											Date.today().add({
												days : -29
											}).toString('MMMM d, yyyy')
													+ ' - '
													+ Date.today().toString(
															'MMMM d, yyyy'));

								});
			</script>
		</div>
</body>
</html>